{{! Gallery (ADR 0068, 0087): the gallery's pictures (a query), laid out as a grid, masonry, the shared carousel (also coverflow and the curved row) or moving row, or an arc around a heading; flags (widget.json) say which parts show. The large view is view.js, on visitors' pages only. }}
<div {{@attrs}}><div class="sv-gallery__inner"{{#zoom}} data-sv-gallery data-close="{{labels.close}}" data-prev="{{labels.prev}}" data-next="{{labels.next}}"{{/zoom}} style="--n:{{total}}">{{#hasFilters}}<nav class="sv-posts__filters sv-gallery__filters" aria-label="{{filtersLabel}}" data-sv-gallery-filters>{{#filters}}<a class="sv-posts__filter" href="{{url}}" data-sv-filter="{{slug}}"{{#current}} aria-current="page"{{/current}}>{{name}}</a>{{/filters}}</nav>{{/hasFilters}}{{#hasItems}}{{#plain}}<div class="sv-gallery__list">{{#items}}<figure class="sv-gallery__item sv-round-{{corners}}" data-sv-cats="{{cats}}" style="--i:{{index}}"><div class="sv-gallery__media"><img class="sv-gallery__img wp-image-{{id}}" src="{{url}}" alt="{{alt}}"{{#width}} width="{{width}}" height="{{height}}"{{/width}} loading="lazy" decoding="async">{{#over}}<figcaption class="sv-gallery__caption sv-gallery__caption--over">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/over}}{{#zoom}}<a class="sv-gallery__open" href="{{full}}" data-sv-zoom data-title="{{title}}" data-location="{{location}}" data-description="{{description}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/><path d="M11 8v6"/><path d="M8 11h6"/></svg></span><span class="sv-gallery__sr">{{labels.open}}: {{title}}</span></a>{{#link}}<a class="sv-gallery__go" href="{{link}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/zoom}}{{#linking}}{{#link}}<a class="sv-gallery__open" href="{{link}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/linking}}</div>{{#below}}<figcaption class="sv-gallery__caption">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/below}}</figure>{{/items}}</div>{{/plain}}{{#slides}}<div class="sv-carousel sv-carousel--nav-{{carouselNav}} sv-gallery__carousel" data-sv-carousel{{#autoplay}} data-sv-autoplay="{{autoplay}}"{{^hoverPause}} data-sv-nonstop{{/hoverPause}}{{/autoplay}}><div class="sv-carousel__track">{{#items}}<figure class="sv-gallery__item sv-round-{{corners}}" data-sv-cats="{{cats}}" style="--i:{{index}}"><div class="sv-gallery__media"><img class="sv-gallery__img wp-image-{{id}}" src="{{url}}" alt="{{alt}}"{{#width}} width="{{width}}" height="{{height}}"{{/width}} loading="lazy" decoding="async">{{#over}}<figcaption class="sv-gallery__caption sv-gallery__caption--over">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/over}}{{#zoom}}<a class="sv-gallery__open" href="{{full}}" data-sv-zoom data-title="{{title}}" data-location="{{location}}" data-description="{{description}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/><path d="M11 8v6"/><path d="M8 11h6"/></svg></span><span class="sv-gallery__sr">{{labels.open}}: {{title}}</span></a>{{#link}}<a class="sv-gallery__go" href="{{link}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/zoom}}{{#linking}}{{#link}}<a class="sv-gallery__open" href="{{link}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/linking}}</div>{{#below}}<figcaption class="sv-gallery__caption">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/below}}</figure>{{/items}}</div><button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{labels.prev}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{labels.next}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button></div>{{/slides}}{{#moving}}<div class="sv-marquee{{#speed}} sv-marquee--{{speed}}{{/speed}}{{^hoverPause}} sv-marquee--nonstop{{/hoverPause}} sv-gallery__marquee"><div class="sv-marquee__copy">{{#items}}<figure class="sv-gallery__item sv-round-{{corners}}" data-sv-cats="{{cats}}" style="--i:{{index}}"><div class="sv-gallery__media"><img class="sv-gallery__img wp-image-{{id}}" src="{{url}}" alt="{{alt}}"{{#width}} width="{{width}}" height="{{height}}"{{/width}} loading="lazy" decoding="async">{{#over}}<figcaption class="sv-gallery__caption sv-gallery__caption--over">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/over}}{{#zoom}}<a class="sv-gallery__open" href="{{full}}" data-sv-zoom data-title="{{title}}" data-location="{{location}}" data-description="{{description}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/><path d="M11 8v6"/><path d="M8 11h6"/></svg></span><span class="sv-gallery__sr">{{labels.open}}: {{title}}</span></a>{{#link}}<a class="sv-gallery__go" href="{{link}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/zoom}}{{#linking}}{{#link}}<a class="sv-gallery__open" href="{{link}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/linking}}</div>{{#below}}<figcaption class="sv-gallery__caption">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/below}}</figure>{{/items}}</div><div class="sv-marquee__copy" aria-hidden="true">{{#items}}<figure class="sv-gallery__item sv-round-{{corners}}" data-sv-cats="{{cats}}" style="--i:{{index}}"><div class="sv-gallery__media"><img class="sv-gallery__img wp-image-{{id}}" src="{{url}}" alt="{{alt}}"{{#width}} width="{{width}}" height="{{height}}"{{/width}} loading="lazy" decoding="async">{{#over}}<figcaption class="sv-gallery__caption sv-gallery__caption--over">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/over}}{{#zoom}}<a class="sv-gallery__open" href="{{full}}" data-sv-zoom tabindex="-1" data-title="{{title}}" data-location="{{location}}" data-description="{{description}}"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/><path d="M11 8v6"/><path d="M8 11h6"/></svg></span><span class="sv-gallery__sr">{{labels.open}}: {{title}}</span></a>{{#link}}<a class="sv-gallery__go" href="{{link}}" tabindex="-1"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/zoom}}{{#linking}}{{#link}}<a class="sv-gallery__open" href="{{link}}" tabindex="-1"><span class="sv-gallery__icon"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 17 17 7"/><path d="M8 7h9v9"/></svg></span><span class="sv-gallery__sr">{{title}}</span></a>{{/link}}{{/linking}}</div>{{#below}}<figcaption class="sv-gallery__caption">{{#showTitle}}{{#title}}<span class="sv-gallery__title">{{title}}</span>{{/title}}{{/showTitle}}{{#showLocation}}{{#location}}<span class="sv-gallery__location"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>{{location}}</span>{{/location}}{{/showLocation}}{{#showDescription}}{{#description}}<span class="sv-gallery__text">{{description}}</span>{{/description}}{{/showDescription}}</figcaption>{{/below}}</figure>{{/items}}</div></div>{{/moving}}{{/hasItems}}{{^hasItems}}{{#ready}}{{@placeholder gallery}}{{/ready}}{{^ready}}{{@placeholder loading-gallery}}{{/ready}}{{/hasItems}}{{#arc}}<div class="sv-gallery__center"{{#arcGlides}} data-sv-autoplay="glide"{{^hoverPause}} data-sv-nonstop{{/hoverPause}}{{/arcGlides}}>{{#heading}}<h2 class="sv-gallery__heading"{{@edit heading}}>{{{heading}}}</h2>{{/heading}}{{#text}}<p class="sv-gallery__lead"{{@edit text}}>{{text}}</p>{{/text}}{{#button.label}}<div class="sv-button sv-button--variant-primary sv-button--size-lg sv-gallery__button">{{#button.link.url}}<a class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}" href="{{button.link.url}}"{{#button.link.newTab}} target="_blank" rel="noopener noreferrer"{{/button.link.newTab}}{{@edit button.label}}>{{button.label}}</a>{{/button.link.url}}{{^button.link.url}}<span class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}"{{@edit button.label}}>{{button.label}}</span>{{/button.link.url}}</div>{{/button.label}}</div>{{#arcArrows}}<div class="sv-gallery__turns"><button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{labels.prev}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{labels.next}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button></div>{{/arcArrows}}{{/arc}}</div></div>